<template>
  <div :style="{'--position': titlePosition,'font-size':titleFont + 'px'}">
    <span>{{title}}</span>
  </div>
</template>
<script>
export default {
  props: {
    title: {
      default: '标题',
      type: String
    },
    titlePosition: {
      default: 'center',
      type: String
    },
    titleFont: {
      default: 22,
      type: Number
    }
  },
  data() {
    return {
    }
  },
  mounted() {
  },
  methods: {
  }
}
</script>
<style lang="scss" scoped>
div{
    display: flex;
    align-items: center;
    justify-content: var(--position);
    span{
      font-weight: bold !important;
    }
}
</style>
